body,p,span,table,ul,li,ol,textarea{
	margin: 0px;
	padding: 0px;
}
a{
	text-decoration: none;
}
body{
	background-color: #f6f6f6;
}
::-webkit-input-placeholder{
	color: #efefef;
}
:-ms-input-placeholder{
	color: #efefef;
}
::-moz-placeholder{
	color: #efefef;
	opacity: 1;
}

.w40{
	width:40px;
}
.w310{
	width:360px;
	
}
.content{
	width:600px;
	margin: auto;
	padding: 0px;
}
.content-header{
	text-align: center;
	font-family: "微软雅黑";
	font-size: 90px;
	color:#DF8269;
	opacity: 0.3;
	line-height: 140px;
	width:100%;
	float: left;
}
.content-list{
	width:100%;
	float: left;
}
.content-list input{
	border:none;
	outline: none;
	height:50px;
	font-size:21px;
	color: #ddd;
	width:98%;
	color: #aaa;
}

.content-list table{
	width:100%;
	background-color: #fff;
	height:50px;
	border:1px solid #eee; 
}
.content-list table .check-all{
	text-align: center;
	opacity: 0.2;
	cursor: pointer;
}
.content-list table .check-none{
	text-align: center;
	opacity: 0;
	cursor: pointer;
}
.content-list table .check-all:hover,
.content-list table .checked{
	text-align: center;
	opacity: 0.8;
}

.bottom-arrow-1{  
    content:"";  
    border:10px solid #444;  
    border-bottom:none;  
    border-right-color:transparent;  
    border-left-color:transparent;  
    position:relative;  
    top:16px;  
    left:6px;  
    border-radius:2px;
}   
.bottom-arrow-2{  
    content:"";  
    border:6px solid #fff;  
    border-bottom:none;  
    border-right-color:transparent;  
    border-left-color:transparent;  
    position:relative;  
    top:12px;  
    left:-10px;  
} 


.list-ul{
	list-style: none;
	background-color: #fff;
	border:1px solid #eee;  
}
.list-ul li{
	width: 100%;
	
	
	display: block;
	/*line-height: 58px;
	padding-left:19px;
	display: flex;
	align-content: center;
	vertical-align: middle;*/
	border-bottom:1px solid #eee;
}
.list-ul li table{
	border: none;
	height: 100%;
	min-height: 58px;
}
.list-ul li table td{
	 
}
.list-ul li .circle span{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	border: 1px solid #ddd;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;

}
.list-ul li .circle span:hover{
	cursor: pointer;
}
.list-ul li .circle i{
	display: none;
}
.list-ul li .circle-check span{
	border: 1px solid #9c9;
}
.list-ul li .circle-check i {
	display: block;
	font-family: "黑体";
	font-size: 25px;
	color: #9c9;
	position: absolute;
	top:2px;
	left: -2px;
}
.list-ul .list-editor{
	width: 100%;
	min-height: 45px;
	display: block;
}

.list-ul .list-editor  textarea{
	width: 530px;
	float: right;
	min-height: 99%;
	line-height: 57px;
	font-family: "微软雅黑";
	font-size: 20px;
	color: #aaa;
	outline: none;
	resize: none;
	border: 1px solid #ccc;
	padding: 0px 8px;
}
.list-ul .list-editor input{
	width: 560px;
	height: 45px;
	float: right;
	border: 1px solid #ccc;
	padding: 0px 10px;
}
.list-ul .list-editor{
	/*border-bottom: none;*/
}
.list-ul .list-li-cont span{
	font-family: "宋体";
	font-size: 20px;
	color: #aaa;
	display: inline-block;
	width: 500px;
	line-height: 30px;
	padding-left: 5px;
	overflow: hidden;
	cursor: pointer;
	word-wrap:break-word;
}
.list-ul .cont-checked span{
	text-decoration: line-through;
	color: #ddd;
}
.list-ul .list-li-cont-i{
	vertical-align: bottom;
	text-align: left;
	width: 150px;
	line-height: 40px;
	
}

.list-ul .list-li-cont-i i{
	display: none;
	font-family: "黑体";
	font-size: 16px;
	font-weight: bolder;
	float: left;
	cursor: pointer;
	color: #df8269;
}
.list-ul .list-i-check i{
	display: block;
}
.list-ul .list-li-cont-i:hover i{
	color: #df8269;
}
.list-ul .list-footer{
	background-color: #fff;
	width: 100%;
	height: 40px;
	/* vertical-align: middle; */
	text-align: center;
	line-height: 40px;
}
.list-ul .list-footer .sp1,
.list-ul .list-footer .sp2,
.list-ul .list-footer .sp3{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999;
}
.list-ul .list-footer .sp1{
	float: left;
	padding-left: 5px;
}
.list-ul .list-footer .sp3{
	float: right;
	display: block;
	width: 115px;
	padding-right: 5px;
	cursor: pointer;
}
.list-ul .list-footer .sp3:hover{
	font-weight: bolder;
	text-decoration: underline;
}
.list-ul .list-footer .sp31{
	float: right;
	display: block;
	width: 115px;
	height: 10px;
	padding-right: 5px;
}
.list-ul .list-footer .sp2{

}
.list-ul .list-footer .sp2 span{
	display: inline-block;
	padding: 0 4px;
	margin: 0 5px;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	cursor: pointer;

}

.list-ul .list-footer .sp2 span:hover,.sp2-checked{
	border: 1px solid #ff748c;
}
.footer{
	background-color: #f6f6f6;
	border: none;

}
.footer span{
	display: block;
	height: 5px;
	background-color: #000;
}
.footer span:first-child{
      width: 580px;
      margin: auto;
}
.footer span:last-child{
      width: 570px;
      margin: auto;
}


.content-footer {
	width: 100%;
	float: left;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #999;
	text-align: center;
	height: 130px;
	line-height: 100px;
}